.common-list {
	width: 100%;
	box-sizing: border-box;
	padding: 20upx;
	border-bottom: 1upx solid #eee;

	.common-list-l {
		width: auto;
		height: auto;
		flex-shrink: 0;
		margin-right: 20upx;

		>image {
			width: 90upx;
			height: 90upx;
			border-radius: 100%;
		}
	}

	.common-list-r {
		width: 100%;

		>view:nth-of-type(1) {
			>view {
				color: #999;
				font-size: 30upx;

				&:last-of-type {
					color: #999;
					background-color: #EEEEEE;
					padding: 0 10upx;
					font-size: 26upx;
				}

			}
		}

		> view:nth-of-type(2) {
			font-size: 32upx;
			padding: 12upx 0;
		}

		> view:nth-of-type(3) {
			position: relative;
			margin-bottom: 10upx;

			>image {
				width: 100%;
				border-radius: 10upx;
			}

			>.common-list-play,
			.common-list-playinfo {
				position: absolute;
				color: #fff;
			}

			.common-list-play {
				font-size: 120upx;
			}

			.common-list-playinfo {
				bottom: 20upx;
				right: 20upx;
				background-color: rgba($color: #000000, $alpha: .5);
				border-radius: 20upx;
				padding: 0 20upx;
				font-size: 26upx;
			}

			.common-list-share {
				width: 100%;
				background-color: #f0f0f0;
				border-radius: 10upx;
				padding: 10upx;

				>image {
					min-width: 200upx;
					max-width: 200upx;
					height: 150upx;
					margin-right: 10upx;
					border-radius: 10upx;
				}

				.title {
					max-height: 150upx;
					text-overflow: ellipsis;
					flex-wrap: wrap;
					overflow: hidden;
				}
			}
		}

		>view:nth-of-type(4) {
			>view:first-of-type {
				color: #aaa;

				>text {
					padding-right: 20upx;
				}
			}

			>view:last-of-type {
				height: auto;
				color: #999;
				font-size: 28upx;

				>view {
					margin-left: 15upx;

					>text {
						padding-left: 10upx;
					}
				}
			}
		}
	}
}
